form#login {
  align-items: center;
  display: flex;
  flex-direction: column;
}




p {
	border-style: solid;
	text-align: left;
	width:100%
	margin:3px;
	border-width: 0px;
  ;
}

div.kg2 {
  width:100%
  margin: auto;
  overflow:auto;
/*  border-style: solid;
  border-color: green;
  border-width: 1px;

*/
}
div.kg1 {
  width:50%;
  margin: auto;
  overflow:auto;
  background-color:blue;
  margin: auto;
  border-style: solid;
  border-width: 0px;
  text-align: left
  ;

;

}
div.kg1 div {
  width:50%;  
  margin: 5px;
  float:left;
  border-style: solid;
  border-color: red;
  border-width: 0px;
  text-align: lef; 
  background-color:red;
  overflow:auto;

}
div.x  {
  width: 50%;
  margin: auto;
  text-align:lef;  

  background-color:red;}
div.x2  {
  width: 80%;
  margin: auto;
  text-align:lef
  border-style: solid;
  border-color: red;
  border-width: 10px;
float: center;

  ;  
}
div.x3  {
  width: 80%;
  margin: auto;
  text-align:lef
  border-style: solid;
  border-color: red;
  border-width: 10px;
    background-color: auto;
clair: right;
}


.flex-container {
  display: flex;
  flex-direction: row;
  font-size: auto;
  text-align: left;
}

.flex-item-left {
  padding: 3%;
  flex: 50%;
  background: linear-gradient(150deg, #6c7794, #606c8a, #536180, #475676, #3b4b6c, #2e4162, #223658, #142b4e);
}

.flex-item-right {
  padding: 3%;
  flex: 50%;
  background: linear-gradient(150deg, #6c7794, #606c8a, #536180, #475676, #3b4b6c, #2e4162, #223658, #142b4e);
;
}



/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 500px) {
  .flex-container {
    flex-direction: column;
  }
}

.a  {
  width: 50%%;
  margin: 5px;
  padding: 5px;
 background-color: linear-gradient(150deg, #6c7794, #606c8a, #536180, #475676, #3b4b6c, #2e4162, #223658, #142b4e);
  
}








/**
 * Customize pallet triggers using Font Awesome

.page__toggle__buttons label[for="page__toggle__T1"] ul.palletToggle {
}
.page__toggle__buttons label[for="page__toggle__T1"] li.fa_pseudo::before {
}

.page__toggle__buttons label[for="page__toggle__T2"] ul.palletToggle {
	opacity: 0;
}
.page__toggle__buttons label[for="page__toggle__T2"] li.fa_pseudo::before {
	content: "\f002";
}

 */